<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚品牌</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="jpp_i">
        <header-top></header-top>
        <header-search-global type="品牌" @callback="getSearchTxt"></header-search-global>
        <common-top-nav cur="聚品牌"></common-top-nav>
        <common-swiper :bannerlist="bannerlist"></common-swiper>
        <div class="container">
            <!-- 推荐品牌 -->
            <common-biaoti :obj="{ 'zh': '推荐品牌', 'en': 'Recommended brand'}"></common-biaoti>
            <div class="jpinpai-list">
                <div v-for="item in list" class="jpinpai-item">
                    <div class="pinpai-info">
                        <img :src="item.logo" class="logo">
                        <div>
                            <p class="name">{{item.brandName}}</p>
                            <p class="love">
                                <i :class="['icon-jpp-shouc', item.followId==0?'':'c0']"></i> {{item.lovecount==null?0:item.lovecount}}人
                            </p>
                        </div>
                    </div>
                    <p class="fengge">消费风格：{{item.fengge}}</p>
                    <p class="renqun">消费人群：{{item.renqun}}</p>
                    <div class="jpp-pro-list">
                        <div v-for="pro in item.prolist" class="jpp-pro">
                            <a href=""><img :src="pro.img"></a>
                            <span class="price">￥{{pro.price}}</span>
                        </div>
                    </div>
                    <div class="jpp-btns">
                        <a v-if="item.followId !=null && item.followId ==0" class="guanzhu" @click="doConcern(item)">关注</a>
                        <a v-if="item.followId !=null && item.followId !=0" class="guanzhu" @Click="doConcern(item)">已关注</a>
                        <!-- <a @click="addGuanzhu(item)">关注</a>-->
                        <a :href="'pinpai_detail.html?id='+item.id">品牌详情</a>
                    </div>
                </div>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        jpp_i();
    </script>
</body>

</html>